<template>
  <div id="app">
    <jing-dong-top />
    <jing-dong-shang-pin :shop="shop" @addChe="addChe" />
    <jing-dong-gou-wu-che-tou />
    <jing-dong-gou-wu-che :gouwuche="gouwuche" />
  </div>
</template>

<script>
import JingDongGouWuChe from "./components/JingDongGouWuChe.vue";
import JingDongGouWuCheTou from "./components/JingDongGouWuCheTou.vue";
import JingDongShangPin from "./components/JingDongShangPin.vue";
import JingDongTop from "./components/JingDongTop.vue";

export default {
  name: "App",
  data() {
    return {
      gouwuche: [],
      shop: [
        {
          id: "01",
          name: "富贵鸟夹克男装春秋季新款韩版潮流青年休闲连帽上衣时尚帅气百搭外套服饰 ",
          money: "140.00",
          pj: "2万+",
          num: 0,
          sum_item: 0,
          dp: "自营官方旗舰店",
          img: "	https://img13.360buyimg.com/n7/jfs/t1/124625/13/16645/1016345/5f9ff056E604673b6/5a5580a9d7390712.png",
        },
        {
          id: "02",
          name: " 富铤 FORTEI 棉衣男士冬季棉服潮流宽松保暖厚棉袄冬装韩版工装连帽",
          money: "699.00",
          pj: "5000+",
          num: 0,
          sum_item: 0,
          dp: "官方旗舰店",
          img: "	https://img13.360buyimg.com/n7/jfs/t1/141250/18/18893/140975/5fdb3049E3cfc8c36/0cb41fbeaa8b2ccb.jpg",
        },
        {
          id: "03",
          name: "EMAPE 休闲裤2021秋冬华夫格时尚舒适裤子男灯芯绒印标系带束脚哈",
          money: "99.00",
          pj: "5万+",
          num: 0,
          sum_item: 0,
          dp: "专卖店",
          img: "	https://img11.360buyimg.com/n7/jfs/t1/211459/12/7770/211942/61823117E54d6c63c/512718b179224cf0.jpg",
        },
        {
          id: "04",
          name: "杫木棒球服外套男春秋季宽松百搭夹克男青少年港风潮流帅气休闲一套衣服男士男",
          money: "199.00",
          pj: "5万+",
          num: 0,
          sum_item: 0,
          dp: "京东自营旗舰店",
          img: "	https://img13.360buyimg.com/n7/jfs/t1/152991/40/22442/131449/61c995afE76d689e7/c03f7d16fb9141ce.jpg",
        },
        {
          id: "05",
          name: "麦金浓 2022年春秋季新款 外套男 潮牌青少年港风潮流夹克男学生宽松休闲连帽 男",
          money: "639.00",
          pj: "1万+",
          num: 0,
          sum_item: 0,
          dp: "官方旗舰店",
          img: "https://img11.360buyimg.com/n7/jfs/t1/116179/33/20139/95578/6209d26eE83dc8642/5be5a42331d7506a.jpg",
        },
      ],
    };
  },
  methods: {
    addChe(info_test) {
      console.log(info_test);
      this.gouwuche.push(info_test);
    },
  },
  components: {
    JingDongTop,
    JingDongShangPin,
    JingDongGouWuChe,
    JingDongGouWuCheTou,
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
.top-list:hover {
  padding: 0;
  margin: 9px;
  box-shadow: 0px 0px 0px 5px #c5c0c0;
  transition: 0.5s;
}
</style>
